.el-carousel__arrow {
  display: flex;
  justify-content: center;
  align-items: center;
}

.el-carousel__arrow i {
  font-family: 'iconfont' !important;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  font-size: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.el-carousel__arrow i:before {
  content: '\e687';
}

.el-carousel__arrow i[class^='el-icon-arrow-left']:before,
.el-carousel__arrow i[class*=' el-icon-arrow-left']:before {
  transform: rotate(180deg);
  display: inline-block;
}
